<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <link href="js/JSCal2/src/css/jscal2.css" type="text/css" rel="stylesheet" media="all" />
    <link href="js/JSCal2/src/css/border-radius.css" type="text/css" rel="stylesheet" media="all" />
    <link href="js/JSCal2/src/css/gold/gold.css" type="text/css" rel="stylesheet" media="all" />
    <link href="js/JSCal2/src/css/steel/steel.css" type="text/css" rel="stylesheet" media="all" />
    
    <script src="js/JSCal2/src/js/jscal2.js" type="text/javascript"></script>
    <script src="js/JSCal2/src/js/lang/es.js" type="text/javascript"></script>

    <script src="http://jquery.bassistance.de/validate/lib/jquery.js" type="text/javascript"></script>
    <script src="http://jquery.bassistance.de/validate/jquery.validate.min.js" type="text/javascript"></script>
    <script src="http://jquery.bassistance.de/validate/localization/messages_es.js" type="text/javascript"></script>
    
    <script type="text/javascript">
      jQuery.validator.setDefaults({
        debug:true,meta:"validate",ignoreTitle:true,focusCleanup:true,
        submitHandler:function(form){jQuery(this).find('input[type=submit]').attr('disabled','disabled').val('Enviando...');form.submit()}
      });function pn(f){f.value=f.value.toLowerCase().replace(/(^\S)|(\s\S)/g,function(m){return m.toUpperCase()})};
      jQuery(document).ready(function(){
        jQuery('form').each(function(){jQuery(this).validate()});jQuery('.pn').keyup(function(){pn(this)}).change(function(){pn(this)});
        var c=Calendar.setup({onSelect:function(cal){cal.hide()},weekNumbers:true,disabled:function(date){if(!date.getDay()){return true}else{return false}}});
        c.manageFields("usuario_fecha_nacimiento","usuario_fecha_nacimiento","%d/%m/%Y");
        if(document.forms.length>0){for(var i=0;i<document.forms[0].elements.length;i++){var f=document.forms[0].elements[i];if(f.type!="hidden"&&!f.disabled){f.focus();break}}}
      })
    </script>
    <title></title>
  </head>
  <body>
    <form method="POST" name="publicar_usuario">
      <fieldset>
        <legend>Registrar</legend>
        <table>
          <tbody>
            <tr>
              <th><label for="usuario_nombres">Nombres</label></th>
              <td><input type="text" id="usuario_nombres" name="usuario[nombres]" class="required pn"></td>
            </tr>
            <tr>
              <th><label for="usuario_email">Correo electr&oacute;nico</label></th>
              <td><input type="text" id="usuario_email" name="usuario[email]" class="required email"></td>
            </tr>
            <tr>
              <th><label for="usuario_fecha_nacimiento">Fecha de nacimiento</label></th>
              <td><input type="text" id="usuario_fecha_nacimiento" name="usuario[fecha_nacimiento]" class="required" readonly="readonly" title="Click para ver el calendario"></td>
            </tr>
            <tr>
              <th><label for="usuario_habilidades">Habilidades</label></th>
              <td><textarea id="usuario_habilidades" name="usuario[habilidades]" rows="4" cols="20"></textarea></td>
            </tr>
          </tbody>
        </table>
        <input type="submit" name="registrar" value="Enviar">
      </fieldset>
    </form>
    <form method="POST" name="buscar_usuario">
      <fieldset>
        <legend>Buscar</legend>
        <table>
          <tbody>
            <tr>
              <th><label for="usuario_email">Correo electr&oacute;nico</label></th>
              <td><input type="text" id="usuario_email" name="usuario[email]" class="required email"></td>
            </tr>
          </tbody>
        </table>
        <input type="submit" name="buscar" value="Enviar">
      </fieldset>
    </form>
  </body>
</html>